@charset 'utf-8';

/* 对齐 */
.text-center{
    text-align: center !important;
}
.text-left{
    text-align: left !important;
}
.text-right{
    text-align: right !important;
}
.margin-center {
    margin-left: auto;
    margin-right: auto;
}

/* display */
.ds-b {
    display: block;
}
.ds-n {
    display: none;
}
.ds-inb {
    display: inline-block;
}
/* 预设 */
body{
    font: 14px/24px 'Helvetica Neue','Microsoft Yahei',arial,helvetica,sans-serif;
    /*color: #868686;*/
}
a {
    text-decoration: none;
}
.header ,.main ,.footer {
    width: 100%;
    overflow: hidden;
}
.container {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}
/* index.html */
/*轮播图 start*/
.banner{ width:100%; height:500px; white-space:nowrap; margin:0 auto; position:relative; z-index:1;}
.banner_m{ width:50%; height:500px; display:inline-block; position:relative;}
.wrapper {*float:left; width:1920px; height:500px; display:inline-block; position:relative; left:-967px;}
.fn-clear { zoom: 1; }
.box_skitter { position: relative; background: none; }
.box_skitter ul { display: none; }
.box_skitter .container_skitter { overflow: hidden; position: relative; }
.box_skitter .image { overflow: hidden; }
.box_skitter .image img { display: none;}
.box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; }
.box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; }
.box_skitter .prev_button { position: absolute; top: 40%; left:16%; z-index: 100; width: 72px; height: 143px; overflow: hidden; text-indent: -9999em; margin-top:0; background: url('../Image/prev.png') no-repeat left top !important; }
.box_skitter .next_button { position: absolute; top: 40%; right:16%; z-index: 100; width: 72px; height: 143px; overflow: hidden; text-indent: -9999em; margin-top:0; background: url('../Image/next.png') no-repeat left top !important; }
.box_skitter .label_skitter { z-index: 150; position: absolute; display: none; }
.loading { position: absolute; top: 50%; right: 50%; z-index: 150; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url('../Image/ajax-loader.gif') no-repeat left top; width: 31px; height: 31px; }
#slideshow { width:1920px; height:500px; }
#slideshow ul { display: none; }
/*轮播图 end*/
.top {
    background: #285bcf;
}
.logo {
    background: url(../Image/logo.png) no-repeat;
    width: 357px;
    height: 73px;
    margin-top: 12px;
    margin-bottom: 17px;
}
.logoone {
    background: url(../Image/logoone.png) no-repeat;
    width: 357px;
    height: 73px;
    margin-top: 12px;
    margin-bottom: 17px;
}
.top .tel {
    background: url(../Image/toptel.png) no-repeat;
    width: 166px;
    height: 20px;
    margin-top: 29px;
    color: #eee;
    text-align: right;
    font-size: 16px;
    line-height: 16px;
    padding-top: 25px;
}
.top .search form {
    background: url(../Image/search.png);
    width: 167px;
    height: 30px;
    border-radius: 15px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 35px;
    margin-right: 46px;
    overflow: hidden;
}
.top .search form input {
    border: 0;
    padding: 0;
    margin: 0;
}
.top .search form input.search-text {
    width: 150px;
    height: 20px;
    margin-top: 5px;
    background: #eee;
    font-size: 12px;
    color: #2c2c2c;
    float: left;
}
.top .search form input.search-btn {
    width: 17px;
    height: 30px;
    background: url(../Image/searchbtn.png);
}
.bar {
    background: #efefef;
    height: 46px;
    overflow: hidden;
    line-height: 46px;
}
.bar .hot {
    margin-left: 226px;
    background: url(../Image/hot.png) no-repeat;
    padding-left: 28px;
    font-size: 14px;
    color: #285bcf;
}
.bar .hot a {
    font-size: 12px;
    color: #2c2c2c;
    margin-left: 20px;
}
.bar .hot a:hover {
    text-decoration: underline;
}
.bar .link a {
    color: #c9c9c9;
}
.bar .link a:hover {
    color: #285bcf;
}
.nav {
    width: 196px;
    height: 450px;
    z-index: 200;
    position: absolute;
    top: 49px;
    background: rgba(41,98,225,.8);
    text-align: center;
    font-size: 14px;
}
.nav li {
    height: 47px;
    line-height: 47px;
    margin-top: 4px;
}
.nav li a {
    color: #f7f7f7;
}
.nav li:hover ,.nav li.on {
    background: url(../Image/lion.jpg) no-repeat;
}
.indexpro .tit {
    background: url(../Image/pro.jpg);
    width: 132px;
    height: 73px;
    margin-top: 79px;
    margin-bottom: 161px;
}
.indexpro .list {
    margin-top: 74px;
    width: 1068px;
    height: 196px;
    overflow: hidden;
}
/*无缝开始*/
.mr_frbox { position:relative;}
.mr_frUl {width: 1068px; height: 179px; margin:0 auto; }
.mr_frUl ul li {width:138px;height:138px; text-align:center;float: left; margin-right:21px; border: 11px solid #dedede; border-radius: 50%; overflow: hidden; position: relative}
.mr_frUl ul li:last-child{margin-right: 0;}
.mr_frUl ul li img { display: block; width: 138px; height: 138px;}
.mr_frUl ul li span{width:174px; height:58px; display:block; font-size:16px; color:#2c2c2c; text-align:center; line-height:58px; background: rgba(250,250,252,.8); position: absolute; top: 99px;}
.mr_frUl ul li:hover {
    border-color: #3ac4f1;
}
.mr_frUl ul li:hover span {
    color: #285bcf;
}
/*ENG*/
.indexcase {
    background: url(../Image/case.jpg) no-repeat top center;
}
.indexcase .more {
    font-size: 12px;
    line-height: 12px;
    margin-top: 67px;
}
.indexcase .more a {
    color: #fff;
}
/*单个滚动开始*/
.mr_frbox2 {height:273px; position:relative;margin-top: 45px;}
.mr_frBtnL {cursor: pointer; width:30px; height:33px; background:url(../Image/mfrL.png) no-repeat; position:absolute; left:35px; top:142px; z-index:1;}
.mr_frBtnR {cursor: pointer;width:30px; height:33px; background:url(../Image/mfrR.png) no-repeat;position:absolute; right:35px; top:142px;z-index:1; }
.mr_frBtnL:hover{ background:url(../Image/mfrL_hover.png) no-repeat;}
.mr_frBtnR:hover{ background:url(../Image/mfrR_hover.png) no-repeat;}
.mr_frUl2 {width:1000px; height: 273px; margin:0 auto; }
.mr_frUl2 ul li {float: left; }
.mr_frUl2 ul li .box {width:212px;height:253px; text-align:center; margin-right:80px; padding:10px; background: #f1f1f1; position: relative;}
.mr_frUl2 ul li img { display: block; }
.mr_frUl2 ul li .name{ width:212px; height:59px; font-size:16px; line-height:59px; color:#3a3a3a; text-align:center; border-bottom: 1px solid #BABABA;background: url(../Image/name.png) no-repeat top center;}
.mr_frUl2 ul li .this{ width:62px; margin:12px auto; height:25px; font-size:12px; color:#fff; text-align:center; line-height: 25px; background: #09b5ed;}
.mr_frUl2 ul li .box .more {
    width: 212px;
    height: 143px;
    background: rgba(27,59,44,.8);
    position: absolute;
    top: -57px;
    left: 10px;
    display: none;
}
.mr_frUl2 ul li .box .more img {
    display: block;
    margin: 38px auto;
}
.mr_frUl2 ul li:hover .box{ background: #5f8fff;}
.mr_frUl2 ul li:hover .name{ background: url(../Image/namehover.png) no-repeat top center;border-color: #7FA5FF;}
.mr_frUl2 ul li:hover .this { background: #285bcf;}
.mr_frUl2 ul li:hover .box .more {
    display: block;
}
/*ENG*/
.others {
    margin-top: 55px;
}
.others .aboutus ,.others .indexnews {
    width: 477px;
    overflow: hidden;
}
.others .title .en {
    font-size: 14px;
    line-height: 25px;
    color: #858585;
}
.others .title .cn {
    font-size: 20px;
    color: #343434;
}
.others .title .hr1 {
    width: 358px;
    height: 1px;
    margin-top: 39px;
    background: #C5C5C5;
}
.others .title .hr2 {
    width: 28px;
    height: 3px;
    margin-top: 38px;
    background: #5F8FFF;
}
.others .content {
    height: 204px;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
}
.others .aboutus .img {
    background: url(../Image/about.png);
    width: 227px;
    height: 201px;
}
.others .aboutus .text {
    width: 220px;
}
.others .aboutus .text .name {
    font-size: 16px;
    color: #383838;
    line-height: 16px;
}
.others .aboutus .text p {
    margin-top: 12px;
}
.others .content .more a {
    display: block;
    width: 69px;
    height: 23px;
    border-radius: 4px;
    position: absolute;
    right: 0px;
    bottom: 10px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    line-height: 23px;
    background: #c1c1c1;
}
.others .content .more a:hover {
    background: #09b5ed;
}
.others .content .one {
    margin-bottom: 23px;
}
.others .content .one .text {
    width: 350px;
}
.others .content .one .text .name {
    font-size: 14px;
    color: #565656;
}
.others .content .one .text p {
    color: #868686;
}
.others .content .one:hover .text .name {
    color: #285bcf;
}
.others .content .one:hover .text p {
    color: #96A9E3;
}
.bottom {
    background: #336ef5;
    padding-top: 30px;
    padding-bottom: 40px;
    margin-top: 42px;
}
.bottom .tip {
    width: 280px;
    height: 89px;
    overflow: hidden;
    border-right: 1px solid #7AA1F8;
}
.bottom .tip1 {
    background: url(../Image/tip.png) no-repeat;
    width: 250px;
    height: 34px;
    line-height: 34px;
    margin-top: 17px;
}
.bottom .tip1 a {
    margin-left: 47px;
    font-size: 14px;
    color: #fff;
}
.bottom .tip1 a.a2 {
    margin-left: 86px;
}
.bottom .tip1 a:hover {
    text-decoration: underline;
}
.bottom .tip .tel {
    font-size: 14px;
    color: #fff;
    margin-top: 15px;
}
.bottom .tip .tel span {
    font-size: 23px;
}
.bottom .links {
    width: 399px;
    height: 89px;
    overflow: hidden;
    border-right: 1px solid #7AA1F8;
    border-left: 1px solid #395CAD;
}
.bottom .links li {
    float: left;
    width: 133px;
    margin: 0;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 22px;
}
.bottom .links li a {
    color: #fff;
}
.bottom .links li a:hover {
    text-decoration: underline;
}
.bottom .contact {
    width: 319px;
    height: 89px;
    overflow: hidden;
    border-left: 1px solid #395CAD;
}
.bottom .contact li {
    margin-left: 5px;
    font-size: 14px;
    color: #fff;
    margin-bottom: 8px;
}
.footer ,.footer a {
    background: #414141;
    line-height: 44px;
    color: #959595;
}
.sidebar {
    width: 226px;
    margin-top: 55px;
}
.sidebar .title {
    height: 79px;
    border-top: 4px solid #17c0f7;
    text-align: center;
    background: #4076f2;
}
.sidebar .title .cn {
    display: inline-block;
    font-size: 26px;
    color: #fff;
    line-height: 34px;
    margin-top: 14px;
}
.sidebar .title .en {
    color: #84A2F6;
    font-size: 12px;
    line-height: 18px;
}
.sidebar .prolist {
    min-height: 299px;
    margin-top: 7px;
    margin-bottom: 30px;
    padding: 16px;
    background: #3160CB;
}
.sidebar .prolist li {
    display: block;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-bottom: 1px dashed #99ABE1;
}
.sidebar .prolist li a {
    font-size: 16px;
    color: #fff;
}
.sidebar .contact {
    background: #4076F2;
    border-top: 1px solid #8CADF7;
    color: #BCCBF9;
    font-size: 14px;
    line-height: 32px;
    padding: 22px;
}
.article {
    width: 936px;
    overflow: hidden;
    margin-top: 55px;
}
.article .location {
    border-bottom: 1px solid #D0D0D0;
}
.article .location ,.article .location a {
    font-size: 14px;
    color: #a9a8af;
    line-height: 50px;
}
.article .location a:hover {
    color: #4076f2;
}
.article .pro li{
    display: block;
    float: left;
    width: 224px;
    height: 200px;
    border: 1px solid #DEDEDE;
    line-height: 40px;
    overflow: hidden;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 30px;
    text-align: center;
}
.article .pro li img {
    display: block;
    height: 160px;
    margin: 0 auto;
}
.article .pro li a {
    font-size: 14px;
    color: #464646;
}
.article .pro li:hover {
    border-color: #3160CB;
}
.article .pro li:hover a {
    color: #4076f2;
}
.page {
    width: 100%;
    margin-top: 30px;
}
.page ,.page a {
    color: #868686;
}
.article img {
    /*max-width: 700px;*/
}
.article .artinfo {
    margin-bottom: 30px;
}
.article .newslist {
    margin-top: 20px;
}
.article .newslist li {
    display: block;
    border-bottom: 1px dashed #999;
}
.article .newslist li ,.article .newslist li a {
    color: #868686;
}

/* 分页 */
#pages { padding:14px 0 10px; font-family:宋体 }
#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px}
#pages a.a1 { background:url(../images/admin_img/pages.png) no-repeat 0 5px; width:56px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:22px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;padding:0 10px}
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }

.en  a{color:#fff; text-decoration:none;}
.en  a:hover{color:#fff; text-decoration:underline;}

.about{width:1920px;height: 916px;position: relative;overflow: hidden;}
.shipin{
	z-index: 99;
    width: 1200px;
    height: 450px;
    margin-left: 360px;
    margin-top: 47px;
    position: relative;
}
.m-left{
	float: left;
    width: 800px;
    height: 450px;
    overflow: hidden;
}
.m-right{
	width: 390px;
    height: 220px;
    position: relative;
    float: right;
}
.m-right li{
	width: 390px;
    height: 220px;
    margin-bottom: 10px;
    overflow: hidden;
}

.con{
	width: 1200px;
    height: 390px;
    display: block;
    overflow: hidden;
    margin: 28px auto 0;
}
.con p{
	font-size: 18px;
    line-height: 34px;
    font-weight: 400;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    text-align: justify;
}
.more{
	width: 152px;
    height: 30px;
    margin-top: 16px;
    margin-left: calc(100% - 152px);
}
.honor1{
	width: 100%;
	display: block;
	overflow: hidden;
}
.honor1 li{
	width: 300px;
	min-height: 240px;
	margin: 0 6px;
	float: left;
}
.fenlei{
	text-align: center;
    width: 100%;
    background: url(../images/fl3.png) repeat-x left center;
    margin: 0;
    height: 105px;
    padding: 0 0;
}
.fenlei1{
	float: left;
	text-align: center;
    height: 105px;
    padding: 0 20px 0 20px;
    line-height: 105px;
    font-size: 34px;
    color: #fff;
}
.artinfo .pro{
	margin-bottom: 50px;
}
@media only screen and (max-width: 750px) {
		.container{
			width: 100%;
		}
		.right{
			width: 74%;
		}
		.article{
			width: 100%;
		}
	}